<%@ page import="com.MusicWeb.entity.User" %><%--
  Created by IntelliJ IDEA.
  User: 小超
  Date: 2021/4/6
  Time: 15:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../components/base.jsp" %>
<html>

<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <title>音乐盒</title>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    #all {
        width: 450px;
        height: 400px;
        margin: 0 auto;
        background-color: #ffffff;
    }

    #all-content {
        text-align: center;
        margin-top: 20px;
    }

    .topinput {
        width: 280px;
        cursor: pointer;
        background-color: #fff;
        background-image: none;
        border-radius: 4px;
        border: 1px solid #dcdfe6;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: none;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    }

    .topinput:hover {
        border: 2px solid #00f3ef;
    }

    .input-content-upload button {
        width: 334px;
        margin-bottom: 15px;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background-color: #63a8fa;
        border: 1px solid #dcdfe6;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        transition: .1s;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        border-radius: 4px;
    }

    .input-content-upload button:hover{
        color: #fff;
        background-color: #409eff;
        border-color: #409eff;
    }

    .input-content-upload input{
        cursor: pointer;
        background-color: #fff;
        background-image: none;
        border-radius: 4px;
        border: 1px solid #dcdfe6;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: none;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    }
</style>


<body>
<%--通用代码，每个页面都引入--%>
<%@include file="../components/header.jsp"%>
<%@ include file="../components/base.jsp" %>
<div id="all">
    <form id="all-content" action="<%=request.getContextPath()%>/upload" method="post" enctype="multipart/form-data">
        <%--上--%>
        <div id="input-content">
            <%
                User user = (User) request.getSession().getAttribute("user");
                Integer u_id = user.getId();
                String u_name = user.getName();
            %>
            <div style="position: relative;top: 20px">
                <input name="uid" value="<%=u_id%>" style="display: none;">
                <input name="user_name" value="<%=u_name%>" style="display: none">
                歌名：<input class="topinput" type="text" name="music_name" placeholder="请输入歌名">
                <br><br>
                歌手：<input class="topinput" type="text" name="music_singer" placeholder="请输入歌手">
                <br><br>
                简介：<input class="topinput" type="text" name="music_text" placeholder="请输入简介">
                <br><br>

                <%--下--%>
                <div class="input-content-upload">
                    <input type="file" name="zhuxm" multiple>
                    <br><br>
                    <button type="submit">上传</button>
                </div>
            </div>
        </div>
    </form>
</div>

</body>

</html>
